<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表使用</title>
		<!-- html部分 -->
		<style>
			/*css注释方式*/
			/* css部分：选择器：抓取页面元素，元素增加效果
			            选择器{
							属性：属性值;
						}
						
			*/		
		   p{
			   width: 200px;
			   height: 200px;
			   background: #e4393c; /*16进制色值*/
		   }
		</style>
	</head>
	<body>
		<!-- ①内联样式表，叫做行内样式表【开发不用：没有真正实现内容与表现分离】
		    语法：前标记 style="属性：属性值;属性：属性值;..."
	    -->
		<div style="width: 300px;height: 300px;background: red;"></div>
	    <!-- html部分 -->
	    		<style>
	    			/*  */<!-- ②内部样式表  【开发不用： 练习专用】
	    		 html部分： 在head元素中，添加style元素
	    		 css部分：在style元素中，添加css样式
		-->
	</body>
</html>